<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css" media="all" />
	</head>
	<style type="text/css">
		th{
			background-color:gainsboro;
		}
		
	</style>
	<body>
		<blockquote class="site-text layui-elem-quote">
			<h3>角色列表管理</h3>
		</blockquote>

		<div class="layui-row">
			<div class="layui-col-md5">
			<button class="layui-btn addUser">添加信息</button>
			<button class="layui-btn layui-btn-danger">批量删除</button>
			</div>
			
			<div class="layui-col-md7">
			<div class="layui-form-item">
					<label class="layui-form-label">角色名称</label>
					<div class="layui-input-inline">
						<input type="text" name="password"  placeholder="请输入角色名称" autocomplete="off" class="layui-input">
					</div>
					<button class="layui-btn">搜索</button>
				</div>
			</div>
			<hr>
			</div>
			
			  <div class="layui-row">
			  	<form class="layui-form" action="#">
			    <table class="layui-table">
			  		 <colgroup>
   						 <col width="150">
    					 <col width="200">
  						  <col>
 					</colgroup>
			  		<tr>
			  			<th><input type="checkbox" name="" lay-skin="primary"></th>
						<th>角色名称</th>
						<th>角色描述</th>
						<th>更新人</th>
						<th>更新时间</th>
						<th>操作</th>
						
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>eee</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
								<button class="layui-btn updateRole" style="width: 60px; height: 30px; " >编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button>
						</td>
					</tr>
			  		
			  		<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>只读角色</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
							<button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
							<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>eee</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
								<button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>eee</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
							    <button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>4323</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
								<button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>

					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>4偷偷</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
								<button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>

					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>greg</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
								<button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>

					
					<tr>
						<td><input type="checkbox" name="" lay-skin="primary"></td>
						<td>gregt</td>
						<td></td>
						<td>张三</td>
						<td>2004-08-28</td>
						<td>
								<button class="layui-btn updateRole" style="width: 60px; height: 30px;">编辑</button>
								<button class="layui-btn layui-btn-danger" style="width: 60px; height: 30px;">删除</button></td>
					</tr>

			  	</table>
			  	</form>
			  </div>
		</div>
		<script src="../../../base/js/jquery-1.11.3.min.js"></script>
		<script src="../../../base/plugins/layui/layui.js"></script>
		<script type="text/javascript">
		layui.use(['form'],
		function() {
		var form = layui.form;
		form.render();
		
		
		$(".addUser").click(function(){
			var index=layer.open({
				type:2,
				content:'insertrole.html',
				title:false,
				maxmin:true,
				closeBtn:1
		});
		layer.full(index);
			});
			
			$(".updateRole").click(function(){
			var index=layer.open({
				type:2,
				content:'EditorRole.html',
				title:false,
				maxmin:true,
				closeBtn:1
	});
			layer.full(index);
			});
		});
		</script>
	</body>
</html>
